---
title: actionBar
---

# actionBar

Override the action bar. Use the [`<ActionBar>` component](/docs/api-reference/components/action-bar) to extend the default ActionBar UI.

```tsx copy
import { ActionBar } from "@measured/puck";

const overrides = {
  actionBar: ({ children, label }) => (
    <ActionBar label={label}>
      <ActionBar.Group>{children}</ActionBar.Group>
    </ActionBar>
  ),
};
```

## Props

| Prop                            | Example          | Type      |
| ------------------------------- | ---------------- | --------- |
| [`children`](#children)         | `<div />`        | ReactNode |
| [`label`](#label)               | `"HeadingBlock"` | String    |
| [`parentAction`](#parentAction) | `<div />`        | ReactNode |

### `children`

A fragment containing the default [actions](/docs/api-reference/components/action-bar-action). This should normally be rendered inside an [`<ActionBar.Group>`](/docs/api-reference/components/action-bar-group).

### `label`

The default label for the action bar.

### `parentAction`

A single [`<ActionBar.Action>`](/docs/api-reference/components/action-bar-action) to select the current component's parent.
